CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

使用Layui表格实现后台分页的方法

来源:网络整理  作者:  发布时间:2020-12-18 16:57
layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。本文就...

更多layui知识请关注layui使用教程栏目。

以上就是使用Layui表格实现后台分页的方法的详细内容,更多请关注聚合云库其它相关文章!

select count(*) from menu select * from menu limit ?,?

最后转为json前把count的值改为从sql查询得到的行数目。

int page = Integer.parseInt(request.getParameter("page")); int limit = Integer.parseInt(request.getParameter("limit")); int count = menuDao.searchcount(); // 查找数据条数 int page_temp = page; int limit_temp = limit; if (count < page * limit) { limit = count - (page - 1) * limit; } page = (page_temp - 1) * limit_temp;

使用的是mysql,第一条是查找行数目,第二条是分页查询语句,把page和limit分别传到两个问号里就行了。

String layjson ="{\"code\":0,\"msg\":\"\",\"count\":"+getcount()+",\"data\":["+data+"]}";

本文转自:https://blog.csdn.net/qq_42290276/article/details/80508332

使用Layui表格实现后台分页的方法:

使用Layui表格实现后台分页的方法

<table class="layui-table" lay-data="{width: 892, height:332,url:'', page:true, id:'idTest'}" lay-filter="demo"> <thead> <tr> <th lay-data="{type:'checkbox', fixed: 'left'}"></th> <th lay-data="{field:'id', width:80, sort: true, fixed: true}">id</th> <th lay-data="{field:'menubarid', width:80}">菜单id</th> <th lay-data="{field:'name', width:80, sort: true}">菜名</th> <th lay-data="{field:'price', width:80}">价格</th> <th lay-data="{field:'status', width:160}">状态</th> <th lay-data="{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}"></th> </tr> </thead> </table>

使用layui自动渲染生成表格,默认以get方式从前端获得参数page和limit

相关热词: 分页 方法

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5253.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

使用Layui表格实现后台分页的方法

2020-12-18 编辑:

更多layui知识请关注layui使用教程栏目。

以上就是使用Layui表格实现后台分页的方法的详细内容,更多请关注聚合云库其它相关文章!

select count(*) from menu select * from menu limit ?,?

最后转为json前把count的值改为从sql查询得到的行数目。

int page = Integer.parseInt(request.getParameter("page")); int limit = Integer.parseInt(request.getParameter("limit")); int count = menuDao.searchcount(); // 查找数据条数 int page_temp = page; int limit_temp = limit; if (count < page * limit) { limit = count - (page - 1) * limit; } page = (page_temp - 1) * limit_temp;

使用的是mysql,第一条是查找行数目,第二条是分页查询语句,把page和limit分别传到两个问号里就行了。

String layjson ="{\"code\":0,\"msg\":\"\",\"count\":"+getcount()+",\"data\":["+data+"]}";

本文转自:https://blog.csdn.net/qq_42290276/article/details/80508332

使用Layui表格实现后台分页的方法:

使用Layui表格实现后台分页的方法

<table class="layui-table" lay-data="{width: 892, height:332,url:'', page:true, id:'idTest'}" lay-filter="demo"> <thead> <tr> <th lay-data="{type:'checkbox', fixed: 'left'}"></th> <th lay-data="{field:'id', width:80, sort: true, fixed: true}">id</th> <th lay-data="{field:'menubarid', width:80}">菜单id</th> <th lay-data="{field:'name', width:80, sort: true}">菜名</th> <th lay-data="{field:'price', width:80}">价格</th> <th lay-data="{field:'status', width:160}">状态</th> <th lay-data="{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}"></th> </tr> </thead> </table>

使用layui自动渲染生成表格,默认以get方式从前端获得参数page和limit

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/5253.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页